<!DOCTYPE html>
<html ng-app="myApp">

<head lang="en">
    <meta charset="utf-8">
    <title>综合数据监控平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <script type="text/javascript" src="assets/js/jquery.js"></script>

    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/loader-style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">

    <link rel="stylesheet" href="assets/css/myCss.css">
    <!-- jqGrid -->
    <script type="text/ecmascript" src="assets/js/jqGrid/js/i18n/grid.locale-cn.js"></script>
    <script type="text/ecmascript" src="assets/js/jqGrid/src/jquery.jqGrid.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="assets/js/jqGrid/css/ui.jqgrid-bootstrap.css" />
    <script>
        $.jgrid.defaults.width = 1000;
        $.jgrid.defaults.responsive = true;
        $.jgrid.defaults.styleUI = 'Bootstrap';
    </script>

    <script type="text/javascript" src="assets/js/baiduMap/bMap.js"></script>
    <link rel="stylesheet" href="assets/js/pnotify/pnotify.custom.css">
    <script src="assets/js/angular.js"></script>
    <!-- <script src="assets/js/angular-route.js"></script> -->
    <script src="assets/js/angular-ui-router.min.js"></script>
    <!-- <script src="assets/js/dlrk.js"></script> -->
    <script src="assets/js/router.js"></script>



    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/favicon.ico">
</head>

<body ng-controller="parentCtrl">
    <!-- Preloader -->
    <div id="preloader">
        <div id="status">&nbsp;</div>
    </div>
    <!-- TOP NAVBAR -->
    <nav role="navigation" class="navbar navbar-static-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">
                    <span class="entypo-menu"></span>
                </button>
                <button class="navbar-toggle toggle-menu-mobile toggle-left" type="button">
                    <span class="entypo-list-add"></span>
                </button>


                <div id="logo-mobile" class="visible-xs">
                   <h1>睿科电子<span>v1.0</span></h1>
                </div>

            </div>


            <!-- Collect the nav links, forms, and other content for toggling -->
            <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    
                    
                    <!-- 帮助 -->
                    <li><a><i data-toggle="tooltip" data-placement="bottom" title="Help" style="font-size:20px;" class="icon-help tooltitle"></i></a>
                    </li>

                </ul>
                <!-- 时间天气框 -->
                <div id="nt-title-container" class="navbar-left running-text visible-lg">
                    <ul class="date-top">
                        <li class="entypo-calendar" style="margin-right:5px"></li>
                        <li id="Date"></li>
                    </ul>

                    <ul id="digital-clock" class="digital">
                        <li class="entypo-clock" style="margin-right:5px"></li>
                        <li class="meridiem"></li>
                        <li class="hour"></li>
                        <li>:</li>
                        <li class="min"></li>
                        <li>:</li>
                        <li class="sec"></li>
                    </ul>
                    <ul id="nt-title">
                        <li><i class="wi-day-lightning"></i>&#160;&#160;西安&#160;
                            <b>85</b><i class="wi-fahrenheit"></i>&#160; 
                        </li>
                        <li><i class="wi-day-lightning"></i>&#160;&#160;西安 &#160;
                            <b>70</b><i class="wi-fahrenheit"></i>&#160;; 夜晚- 72 °F (22.2 °C)
                        </li>

                        <li><i class="wi-day-lightning"></i>&#160;&#160;咸阳&#160;
                            <b>65</b><i class="wi-fahrenheit"></i>&#160;
                        </li>

                        <li><i class="wi-day-lightning"></i>&#160;&#160;渭南&#160;
                            <b>80</b><i class="wi-fahrenheit"></i>&#160;
                        </li>

                        <li><i class="wi-day-lightning"></i>&#160;&#160;汉中&#160;
                            <b>55</b><i class="wi-fahrenheit"></i>&#160;
                        </li>

                    </ul>
                </div>

                <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                    <li>
                        <a data-toggle="dropdown" class="dropdown-toggle">
                            <img alt="" class="admin-pic img-circle" src="assets/img/user.jpg">你好, 田七 <b class="caret"></b>
                        </a>
                        <ul style="margin-top:14px;" role="menu" class="dropdown-setting dropdown-menu">
                            <!-- <li>
                                <a href="profile.html">
                                    <span class="entypo-user"></span>&#160;&#160;头像</a>
                            </li>
                            <li>
                                <a href="">
                                    <span class="entypo-vcard"></span>&#160;&#160;设置</a>
                            </li> -->
                            <li>
                                <a href="lock-screen.html">
                                    <span class="entypo-lock"></span>&#160;&#160; 屏幕锁定</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="login.html?b=1">
                                    <span class="entypo-logout"></span>&#160;&#160; 退出登录</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a data-toggle="dropdown" class="dropdown-toggle">
                            <span class="icon-gear"></span>&#160;&#160;主题</a>
                        <ul role="menu" class="dropdown-setting dropdown-menu">

                            <li class="theme-bg">
                                <div id="button-bg"></div>
                                <div id="button-bg2"></div>
                                <div id="button-bg3"></div>
                                <div id="button-bg5"></div>
                                <div id="button-bg6"></div>
                                <div id="button-bg7"></div>
                                <div id="button-bg8"></div>
                                <div id="button-bg9"></div>
                                <div id="button-bg10"></div>
                                <div id="button-bg11"></div>
                                <div id="button-bg12"></div>
                                <div id="button-bg13"></div>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- /END OF TOP NAVBAR -->


    <!-- <div ui-sref = "header"></div> -->
    <div ui-view id="view"></div>
    <nav role="navigation" class="navbar navbar-fixed-bottom" style="min-height:30px!important; position:fixed!important; bottom:0; background: url(assets/img/bg.jpg) center top / cover no-repeat fixed;; margin-left:0!important;">
        <div class="container-fluid">
                
                <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                    
                    <li class="dropup">
                        <a data-toggle="dropdown" class="dropdown-toggle">
                            <i style="font-size:19px;" class="icon-warning tooltitle"></i>
                            <div class="noft-red" style="top:-8px; left:12px;">5</div>
                        </a>
                        <ul role="menu" class="dropdown-menu">
                            <li>
                                <button id="notify" onclick="show_rich();" class="btn btn-success btn-block">biu~</button>
                            </li>
                            <li class="divider"></li>
                            <li><a id="last-notify" onclick="$(this).trigger('pnotify.history-last');">查看上一条报警消息</a></li>
                            <li class="divider"></li>
                            <li><a id="all-notify" onclick="$(this).trigger('pnotify.history-all');">查看所有报警消息</a></li>
                            <!-- <li class="divider"></li>
                            <li><a id="close-notify">关闭所有报警消息</a></li> -->
                        </ul>
                    </li>
                </ul>

            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- MAIN EFFECT -->
    <script type="text/javascript" src="assets/js/preloader.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap.js"></script>
    <script type="text/javascript" src="assets/js/app.js"></script>
    <script type="text/javascript" src="assets/js/load.js"></script>
    <script type="text/javascript" src="assets/js/main.js"></script>

    <script type="text/javascript" src="assets/js/socket.io.js"></script>
    <script type="text/javascript" src="assets/js/ioconnect.js"></script>
    <!-- <script type="text/javascript" src="assets/dist/demo.js"></script> -->
    <!-- <script type="text/javascript" src="assets/js/manage/commonSearch-jqgrid.js"></script>
    <script type="text/javascript" src="assets/js/manage/log-jqgrid.js"></script>
    <script type="text/javascript" src="assets/js/manage/commonPage-jqgrid.js"></script> -->
    <!-- 所有js -->
    <script type="text/javascript" src="assets/js/dlrk-main.js"></script>

    <script type="text/javascript" src="assets/js/baiduMap/myMap.js"></script>
    <!-- 报警弹框 -->
    <script type="text/javascript" src="assets/js/pnotify/pnotify.custom.min.js"></script>
    <script>
        
        //一条新的报警弹框
        // $("#notify").click(function() {
        //     show_rich();
        // });
        var stack_bottomright = {dir1: "up", dir2: "left", push: "top", animation: true, 
                                firstpos1: 100, firstpos2: 100, nextpos1: 100, nextpos2: 100}
        function show_rich() {
            new PNotify({
                title: 'Oh No!',
                text: 'Something terrible happened.<br><a class="btn btn-warning pull-right" style="margin-left:10px;">忽略</a><a class="btn btn-info pull-right">处理</a>',
                type: 'error',
                // styling: 'bootstrap3',
                addclass: "stack-bottomright",
                stack: stack_bottomright
                // desktop: {
                //     desktop: true
                // }
            });
        }
        //查看上一条报警消息
        // $("#last-notify").attr("onclick","$(this).trigger('pnotify.history-last');");
        //查看所有报警消息
        // $("#all-notify").attr("onclick","$(this).trigger('pnotify.history-all');");
        
        //桌面弹窗 //和查看上一条弹框有冲突？
        // PNotify.desktop.permission();
        // (new PNotify({
        //     title: 'Sticky Desktop Notice',
        //     text: 'I\'m a sticky notice, so you\'ll have to close me yourself. (Some systems don\'t allow sticky notifications.) If you\'ve given me permission, I\'ll appear as a desktop notification. If you haven\'t, I\'ll still appear as a regular PNotify notice.',
        //     hide: false,
        //     desktop: {
        //         desktop: true
        //     }
        // })).get().click(function(e) {
        //     if ($('.ui-pnotify-closer, .ui-pnotify-sticker, .ui-pnotify-closer *, .ui-pnotify-sticker *').is(e.target)) return;
        //     alert('Hey! You clicked the desktop notification!');
        // });

        //点击 toogle 加class active
        console.log($('.tooltip-tip').length) //9
        $(function(){
            // for(var i=0; i<$('.tooltip-tip').length; i++){
                // $('.tooltip-tip').click(function(){
                    $('#view').css('marginLeft','260px')
                // })
                
            // }
        })
        
        
    </script>
</body>

</html>
